<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Dự án GOFL 7 PLUS</title>
    
    <link rel="stylesheet" type="text/css" href="css/ticker-style.css">
    <!--Thư viện hiệu ứng animate-->
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <!--Thư viện icon font-awesome-->
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <!--css for supper slide -->
    <link rel="stylesheet" type="text/css" href="css/superslides.css">
    <!--Reset css về mặc định trên các trình duyệt-->
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <!--Css dùng chung -->
	<link rel="stylesheet" type="text/css" href="css/reset.css" />
    <!--Css chính cho toàn trang -->
	<link rel="stylesheet" type="text/css" href="css/style.css" />
    <!--Css slide owl -->
	<link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">

    <!--Jquery -->
    <script src="js/1.7.2.jquery.min.js"></script>
    <!--Nhúng google map-->
     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places"></script> 
     <!--Nhúng skype-->
     <script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>  
     <script>
	  // code javascript config google map
	  function initialize() {
		var mapOptions = {
		  zoom: 12,
		  center: new google.maps.LatLng(10.487579, 107.452672)
		}
		var map = new google.maps.Map(document.getElementById('canvas'),
									  mapOptions);
	  
	     var text;
		text= "<p style='color:rgba(0,0,255,1)' " + 
				 "style='text-align:center'><b>Bluffs Ho Tram Golf club !<br />Hotline : 0989 787 786 </b></p> <img src='uploads/map-img.png'>" 
			 ;
		   var infowindow = new google.maps.InfoWindow(
			{ content: text,
				size: new google.maps.Size(100,50),
				position: map.getCenter()//Vị trí đánh dấu
			});
	    infowindow.open(map);  
		var marker = new google.maps.Marker({
			  position: map.getCenter(),//Vị trí đánh dấu
			  map: map
		
			 
		  }); 
		  
	  }
	  
	  google.maps.event.addDomListener(window, 'load', initialize);

    </script>
    

	
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=903153506380845&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<section class="itq-popup">
	<section class="itq-form">
    	<header>
        	<h3>Login</h3>
            <img class="close" src="images/close.png">
        </header>
        <section>
        	<form method="post">
            	<table >
                	<tr>
                    	<td><label for="">Account</label></td>
                        <td><input type="text"></td>
                    </tr>
                    <tr>
                    	<td><label for="">Passwords</label></td>
                        <td><input type="password"></td>
                    </tr>
                    <tr>
                    	<td></td>
                        <td class="checkbox"><input type="checkbox"><span>Remember account & passwords ?</span></td>
                    </tr>
                    <tr>
                    	<td></td>
                        <td class="checkbox"><input type="submit" value="login"></td>
                    </tr>
                </table>
            </form>        
        </section>
    </section><!--.itq-form-->
   
</section><!--.itq-popup-->
<section class="itq-wrapper">

    <header class="itq-header">
    	<figure class="logo">
        	<a href="#">
            	<img src="images/logo.png">
            </a>
        </figure>
        <section class="top-right">
        	<ul class="login">
				<li>
                	<a class="login-link" href="#">Sign Up</a>
                </li>
                <li>
                	<a class="login-link" href="#">Login</a>
                </li>
                <li>
                	<a class="login-link" href="#">Account</a>
                </li>            
            </ul>
            <section class="center-right-top">
            	
                
                <section class="cart">
                	<h3>
                    	<p>Your cart</p>
                        <p class="price">$0.00-0 items</p>
                    </h3>
                    
                    <a href="#">Checkout</a>
                </section>
                
                <ul class="social">
                	<li>
                    	<a href="#"><img class="icon-f" src="images/fb.png"></a>
                    </li>
                    <li>
                    	<a href="#"><img class="icon-f" src="images/g+.png"></a>
                    </li>
                    <li>
                    	<a href="#"><img class="icon-f" src="images/in.png"></a>
                    </li>
                    <li>
                    	<a href="#"><img  class="icon-f" src="images/youtube.png"></a>
                    </li>
                
                </ul>
                <section class="lang">
                  
                </section>
                
            </section>
             <section class="form">
                  <h3>Goflbooking : 0989.999.999</h3>
                  <form>
                      <input type="text" name="keyword" placeholder="Search...">
                      <input type="submit" value=""
                  </form>
              </section>
        </section>
    </header><!-- .itq-header -->
	<section class="clear"></section>
    
    <nav class="itq-menu">
        	<ul class="main">
            	<li class="item">
                	<a href="#">Home </a>
                </li>
                <li class="item">
                	<a href="#">About Us </a>
                </li>
                <li class="item">
                	
                	<a href="#">Members card  </a>
                    <ul class="level-2">
                    <section class="arrow"></section>
                    	<li>
                        	<a href="#">
                            	Members card vip
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Members card normal
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Members vip
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="item">
                	<a href="#">Members Benefit </a>
                </li>
                <li class="item">
                	<a href="#">Membership Tier & Price </a>
                </li>
                <li class="item">
                	<a href="#">Contact Us </a>
                    <ul class="level-2">
                    <section class="arrow"></section>
                    	<li>
                        	<a href="#">
                            	Hello you
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	About me
                            </a>
                        </li>
                        <li>
                        	<a href="#">
                            	Can I help you ?
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="item">
                	<a href="#">Membership Centre</a>
                </li>
            
            </ul>
        </nav><!-- .itq-menu -->
	
    
        <section class="itq-slider" >
        	<section class="booking">
             	<h3>
                	Booking Now
                </h3> 
                <section class="form-booking">
                    <form method="post">
                    	<section >
                        	<p><label >Country</label></p>
                            <select>
                            	<option >Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                            </select>
                        </section>
                        <section >
                        	<p><label >Country</label></p>
                            <select>
                            	<option>Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                            </select>
                        </section>
                        <section >
                        	<p><label >Country</label></p>
                            <select>
                            	<option>Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                            </select>
                        </section>
                        <section >
                        	<p><label >Country</label></p>
                            <select>
                            	<option>Choose Country</option>
                                <option>Choose Country</option>
                                <option>Choose Country</option>
                            </select>
                        </section>
                        <section >
                        	<input type="submit" value="SEARCH">
                        </section>
                    </form>
                </section>  
            </section><!-- .booking -->
            <section id="slides">
                <ul class="slides-container">
                    <li>
                        <img src="uploads/slide-1.jpg" alt="">
                    </li>
                    <li>
                        <img src="uploads/slide-2.jpg" alt="">
                    </li>
                </ul>
                
            
                <!-- <nav class="slides-navigation">
                  <a href="#" class="next"><img src="images/next.png"></a>
                  <a href="#" class="prev"><img src="images/prev.png"></a>
                </nav> -->
            </section> <!-- .itq-slides -->
    
    </section><!-- .itq-slider -->
    <section class="clear"></section>
    
     <section class="itq-news">
		<header>
			<h2>News:</h2>
		</header>
		<ul class="ndt-list-news" id="js-news"  style="margin:0">
			<li class="ndt-list-news" >
				<a href="">
					Royal Golf Club is situated near to Tam Diep town , Ninh Binh Province
				</a>
			</li>
			<li class="ndt-list-news">
				<a href="">
					Royal Golf Club is situated near to Tam Diep town , Ninh Binh Province
				</a>
			</li>
		</ul>
	</section>
    <section class="itq-member">
		<figure>
			<a href=""><img src="uploads/adv-1.png" alt="" class="adv-1"></a>
			<a href=""><img src="uploads/adv-2.png" alt="" class="adv-2"></a>
		</figure>
		<section class="ndt-support">
			<ul class="ndt-items">
				<li class="ndt-items">
					<h3>Golf7plus support</h3>
				</li>
				<li class="ndt-items">
					<a href="#"><img src="images/phone.png" alt="" class="items-1"></a>
					<p class="hotline">0973.999.999</p>
				</li>
				<li class="ndt-items">
					<img src="images/mail.png" alt="" class="items-2">
					<a class="email" href="#">iangolf7plus@gmail.com</a>
				</li>
				<li class="ndt-items">
                	<a href="ymsgr:sendIM?thanghuyenphoto"><img src="images/yahoo.png" alt=""></a>
					
					<p>Yahoo</p>
					
                   
                      <div id="SkypeButton_Call_hop23typhu_1">
                        <script type="text/javascript">
                          Skype.ui({
                            "name": "chat",
                            "element": "SkypeButton_Call_hop23typhu_1",
                            "participants": ["hop23typhu"],
                            "imageSize": 24
                          });
                        </script>
                      </div>
					
				</li>
			</ul>
		</section>
	</section><!-- .itq-member -->
    <section class="clear"></section>
	<section class="ndt-featured">
		<section class="ndt-slide">
			<header>
				<h2>
					Featured
					<a href="#">Destination</a>
				</h2>
			</header>
			<section class="ndt-slide-1">
				
				<ul class="owl-demo owl-carousel owl-theme">
					<li class="item">
						<figure>
							<img src="uploads/slide-1.png" alt="Owl Image">
							<figcaption>
								<p></p>
							</figcaption>
						</figure>
					</li>
					
					<li class="item">
						<figure>
							<img src="uploads/slide-3.png" alt="Owl Image">
							<figcaption>
								<p></p>
							</figcaption>
						</figure>
					</li>
					<li class="item">
						<figure>
							<img src="uploads/slide-1.png" alt="Owl Image">
							<figcaption>
								<p></p>
							</figcaption>
						</figure>
					</li>
					<li class="item">
						<figure>
							<img src="uploads/slide-2.png" alt="Owl Image">
							<figcaption>
								<p></p>
							</figcaption>
						</figure>
					</li>
					<li class="item">
						<figure>
							<img src="uploads/slide-3.png" alt="Owl Image">
							<figcaption>
								<p></p>
							</figcaption>
						</figure>
					</li>
					<li class="item">
						<figure>
							<img src="uploads/slide-3.png" alt="Owl Image">
							<figcaption>
								<p></p>
							</figcaption>
						</figure>
					</li>
				</ul>
				<!-- <nav class="ndt-slides">
					<a href="#" class="prev"><img src="images/prev-1.png"></a>
					<a href="#" class="next"><img src="images/next-1.png"></a>
                </nav> -->
			</section>
		</section>
		<section class="ndt-video">
			<header>
				<h2>
					Video
					<a href="#">Golf7plus</a>
				</h2>
			</header>
			<section class="ndt-video-1">
				<iframe width="265" height="195" src="//www.youtube.com/embed/-V83W2u-sFw" frameborder="0" allowfullscreen></iframe>
			</section>
		</section>
	</section><!-- .itq-feature -->
    <section class="clear"></section>
	
	<!-- .golf-infomation -->
	<section class="golf-infomation">
    <section class="main-golf-information">
      <h3><span class="golf-green">Golf</span> Infomation</h3>
      <ul>
        <li>
          <figure>
            <p class="bghover"><a href="#" class="booking">Booking Now</a></p>
            <a href="#" class="info-a"> <img src="uploads/info1.png" alt="ádfadf"  /> </a>
            <figcaption> <a href="#">Vinpearl Phu Quoc Golf Club</a> </figcaption>
          </figure>
        </li>
        <li>
          <figure>
            <p class="bghover"><a href="#" class="booking">Booking Now</a></p>
            <a href="#" class="info-a"> <img src="uploads/info2.png" alt="ádfadf"  /> </a>
            <figcaption> <a href="#">Đà Lạt Palace Golf Club</a> </figcaption>
          </figure>
        </li>
        <li>
          <figure>
            <p class="bghover"><a href="#" class="booking">Booking Now</a></p>
            <a href="#" class="info-a"> <img src="uploads/info3.png" alt="ádfadf"  /> </a>
            <figcaption> <a href="#">Sân Golf The Bluffs (Hồ Tràm)</a> </figcaption>
          </figure>
        </li>
        <li>
          <figure>
            <p class="bghover"><a href="#" class="booking">Booking Now</a></p>
            <a href="#" class="info-a"> <img src="uploads/info4.png" alt="ádfadf"  /> </a>
            <figcaption> <a href="#">Đà Nẵng Golf Club</a> </figcaption>
          </figure>
        </li>
        <li>
          <figure>
            <p class="bghover"><a href="#" class="booking">Booking Now</a></p>
            <a href="#" class="info-a"> <img src="uploads/info1.png" alt="ádfadf"  /> </a>
            <figcaption> <a href="#">Vinpearl Phu Quoc Golf Club</a> </figcaption>
          </figure>
        </li>
        <li>
          <figure>
            <p class="bghover"><a href="#" class="booking">Booking Now</a></p>
            <a href="#" class="info-a"> <img src="uploads/info2.png" alt="ádfadf"  /> </a>
            <figcaption> <a href="#">Đà Lạt Palace Golf Club</a> </figcaption>
          </figure>
        </li>
        <li>
          <figure>
            <p class="bghover"><a href="#" class="booking">Booking Now</a></p>
            <a href="#" class="info-a"> <img src="uploads/info3.png" alt="ádfadf"  /> </a>
            <figcaption> <a href="#">Sân Golf The Bluffs (Hồ Tràm)</a> </figcaption>
          </figure>
        </li>
        <li>
          <figure>
            <p class="bghover"><a href="#" class="booking">Booking Now</a></p>
            <a href="#" class="info-a"> <img src="uploads/info4.png" alt="ádfadf"  /> </a>
            <figcaption> <a href="#">Đà Nẵng Golf Club</a> </figcaption>
          </figure>
        </li>
      </ul>
    </section><!-- .main-golf-information-->
  </section>
  <!-- .golf-infomation -->
  <section class="itq-adv">
    <ul>
      <li>
        <figure>
         	<a href="#"><img src="uploads/info-adv1.png" width="420px" height="144px" alt="" /></a>
       
        </figure>
      </li>
      <li> 
        <figure>
       		 <a href="#"><img src="uploads/info-adv2.png" width="295px" height="144px" alt="" /></a>
        
        </figure>
      </li>
      <li>
        <figure>
       		 <a href="#"> <img src="uploads/info-adv3.png" width="260px" height="144px" alt="" /></a>
       
        </figure>
      </li>
      
    </ul>
  </section>
  <!-- .itq-adv -->
  <section class="clear"></section>
	<section class="itq-schedure">
		<h3><span class="golf-green">Golf</span> Schedule</h3>
		<section class="main-itq-schedure">
			<section class="itq-schedure-news" >
				<section class="custom-container carouselsliderindex">
					<section class="vticker">
						<ul>
							<li>
								<figure> <a href="#"><img src="uploads/news-slide.png" alt="" /></a>
									<figcaption>
									  <h3><a href="#">National Bank of Oman</a></h3>
									  <p class="short-post">Khi tay Golf 25 tuổi này thay đổi phương pháp tập luyện đã làm thay đổi địa vị của anh ta trong làng Golf thế giới...</p>
									  <p class="greendate">15/11/2014</p>
									</figcaption>
								</figure>
							</li>
							<li>
								<figure> <a href="#"><img src="uploads/news-slide.png" alt="" /></a>
									<figcaption>
									  <h3><a href="#">National Bank of Oman</a></h3>
									  <p class="short-post">Khi tay Golf 25 tuổi này thay đổi phương pháp tập luyện đã làm thay đổi địa vị của anh ta trong làng Golf thế giới...</p>
									  <p class="greendate">15/11/2014</p>
									</figcaption>
								</figure>
							</li>
							<li>
								<figure> <a href="#"><img src="uploads/news-slide.png" alt="" /></a>
									<figcaption>
									  <h3><a href="#">National Bank of Oman</a></h3>
									  <p class="short-post">Khi tay Golf 25 tuổi này thay đổi phương pháp tập luyện đã làm thay đổi địa vị của anh ta trong làng Golf thế giới...</p>
									  <p class="greendate">15/11/2014</p>
									</figcaption>
								</figure>
							</li>
							<li>
								<figure> <a href="#"><img src="uploads/news-slide.png" alt="" /></a>
									<figcaption>
									  <h3><a href="#">National Bank of Oman</a></h3>
									  <p class="short-post">Khi tay Golf 25 tuổi này thay đổi phương pháp tập luyện đã làm thay đổi địa vị của anh ta trong làng Golf thế giới...</p>
									  <p class="greendate">15/11/2014</p>
									</figcaption>
								</figure>
							</li>
							<li>
								<figure> <a href="#"><img src="uploads/news-slide.png" alt="" /></a>
									<figcaption>
									  <h3><a href="#">National Bank of Oman</a></h3>
									  <p class="short-post">Khi tay Golf 25 tuổi này thay đổi phương pháp tập luyện đã làm thay đổi địa vị của anh ta trong làng Golf thế giới...</p>
									  <p class="greendate">15/11/2014</p>
									</figcaption>
								</figure>
							</li>
							<li>
								<figure> <a href="#"><img src="uploads/news-slide.png" alt="" /></a>
									<figcaption>
									  <h3><a href="#">National Bank of Oman</a></h3>
									  <p class="short-post">Khi tay Golf 25 tuổi này thay đổi phương pháp tập luyện đã làm thay đổi địa vị của anh ta trong làng Golf thế giới...</p>
									  <p class="greendate">15/11/2014</p>
									</figcaption>
								</figure>
							</li>
							<li>
								<figure> <a href="#"><img src="uploads/news-slide.png" alt="" /></a>
									<figcaption>
									  <h3><a href="#">National Bank of Oman</a></h3>
									  <p class="short-post">Khi tay Golf 25 tuổi này thay đổi phương pháp tập luyện đã làm thay đổi địa vị của anh ta trong làng Golf thế giới...</p>
									  <p class="greendate">15/11/2014</p>
									</figcaption>
								</figure>
							</li>
							<li>
								<figure> <a href="#"><img src="uploads/news-slide.png" alt="" /></a>
									<figcaption>
									  <h3><a href="#">National Bank of Oman</a></h3>
									  <p class="short-post">Khi tay Golf 25 tuổi này thay đổi phương pháp tập luyện đã làm thay đổi địa vị của anh ta trong làng Golf thế giới...</p>
									  <p class="greendate">15/11/2014</p>
									</figcaption>
								</figure>
							</li>
						</ul>
					</section>
					<section class="clear"></section>
				</section>
			</section><!-- itq-schedure-news-->
				<section class="itq-schedure-fanpage">
					<section class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-width="286px" data-height="265px" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="true"></section>
				</section><!--. itq-schedure-fanpage -->
		</section><!--bao schedure-->
	</section>
	<!-- .itq-schedure -->
	<section class="clear"></section>
	
    <footer class="itq-footer">
     	<ul class="list-info">
             <li class="footer-left">
                <h2>Popular golf clubs:</h2>
                <p>Vung Tau Paradise Golf Resort<br>
    Montgomerie Links Vietnam</p>
            </li>
            <li class="footer-center">
                <h2>Special golf clubs:</h2>
                <p>
    Song Be Golf Resort<br>
    Dong Nai Golf<br>
    Long Thanh Golf Resoft<br>
    Viet Nam Golf & Country Club</p>
            </li>
            <li class="footer-right">
                <h2>Contacts:</h2>
                <p>Golf7plus <br>
    184 Hoang Quoc Viet, Cau Giay, Hanoi, Vietnam<br>
    Tel: 097 279 99 02<br>
    Website: <a href="#">golf7plus.com </a>  -   Email: <a href="#">golf7plus@gmail.com</a></p>
            </li>
    	</ul>
    </footer><!-- .itq-footer -->
    <nav class="menu-footer">
    	<ul class="list-menu">
       		 <li class="item"><a href="#">Home</a></li>
             <li class="item"><a href="#">Golf course</a></li>
             <li class="item"><a href="#">Golf package </a></li>
             <li class="item"><a href="#">Golf tour </a></li>
             <li class="item"><a href="#">Driving range</a></li>
             <li class="item"><a href="#">Golf fee & time</a></li>
        
        </ul>
    	<h2>© 2014 Golf7plus.com - Vietam Best Golf Tour Operato</h2>
    </nav><!--menufooter-->
    <section class="clear"></section>
    <section class="clear"></section>
</section><!-- .itq-wrapper -->


<!--Thư viện superslide -->
<script src="js/supperslide/jquery.easing.1.3.js"></script>
<script src="js/supperslide/jquery.animate-enhanced.min.js"></script>
<script src="js/supperslide/hammer.min.js"></script>
<script src="js/supperslide/jquery.superslides.min.js"></script>
<script src="js/jquery.ticker.js"></script>
<script>
	$(document).ready(function(e) {
        $('ul.main li.item').hover(function(e) {
			  $(this).find('ul.level-2').fadeIn('fast')
			     },function(e) {
			  $(this).find('ul.level-2').fadeOut('fast')
			});
		$('.icon-f').hover(function(e) {
			 $(this).addClass('animated rubberBand');
		},function(e) {
			 $(this).removeClass('animated rubberBand');
		});
		$('.login-link').click(function(e) {
			$('.itq-popup').fadeIn('slow');
		});
		$('img.close').click(function(e) {
			$('.itq-popup').fadeOut({
			   
			 });
		});
			
		//goi slide supperslide
		$('#slides').superslides({
			play:10000,
			pagination:false,
			hashchange:false,
			inherit_width_from:'.itq-slider',
			inherit_height_from:'.itq-slider'
		  });
		  $('#js-news').ticker({
			  speed: 0.08,           // The speed of the reveal
			 titleText: '',
			 controls: false
		  });	
		});
</script>
<!-- Thư viện js owl -->
	<script src="js/owl/owl.carousel.js"></script>
	<script src="js/owl/owl.carousel.min.js"></script>
    <script src="js/jquery.bpopup.min.js"></script>

<script>
	$(document).ready(function() {
		$(".owl-demo").owlCarousel({
		autoPlay: 5000, //Set AutoPlay to 3 seconds
		items : 3,
		itemsDesktop : [1199,3],
		itemsDesktopSmall : [979,3],
		navigation : true, // Show next and prev buttons
  
		slideSpeed : 300,
		paginationSpeed : 400,
		});
		
		
	});
</script>
<!--Jquery huy -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.easy-ticker.min.js"></script>
<script>
	$(document).ready(function(e) {
	<!-- slider huy -->
			var dd = $('.vticker').easyTicker({
			direction: 'up',
			easing: 'easeInOutBack',
			speed: 'slow',
			interval: 2000,
			height: 'auto',
			visible: 3,
			mousePause: 0,
			controls: {
				up: '.up',
			}
		}).data('easyTicker');
	});
	<!-- huy end slider-->
</script>
<!-- fb code like fanpage huy -->
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>